/* chess_spider page */
div#leftside				{ position: absolute; height: 100%; top: 0px; left: 5px; padding: 0px; width: 306px;
					  background-color: inherit; }
body					{ margin: 0px 0px 0px 310px; padding: 0px 5px 0px 3px; }
table#header				{ width: 100%; background-color: inherit; }
table#header td				{ width: 33%; text-align: center; font-size: 10px; font-family: sans-serif; white-space: nowrap; }
table#header td.cs__h1			{ font-family: serif; font-size: 30px; text-align: left; font-weight: bold; text-shadow: 2px 2px 3px white; }
table#header td table			{ width: auto; }
table#header tr#cs__passwd_tr td,
table#header tr#cs__email_tr td	{ padding: 0px; border: 1px solid blue; padding: 6px 0px 0px 0px; background-color: white; font-size: 12px; }
table#header tr#cs__passwd_tr input,
table#header tr#cs__email_tr input	{ font-size: 14px; padding: 1px 2px; width: 160px; }
table#header tr#cs__passwd_tr button,
table#header tr#cs__email_tr button	{ width: 30%; margin: 5px 0px; font-size: 12px; }
table#header a				{ color: #444; text-decoration: none; }
table#header a:hover			{ color: #444; text-decoration: underline; }
table#header input			{ width: 100%; font-family: sans-serif; font-size: 11px; }
table#header textarea			{ width: 100%; font-family: sans-serif; font-size: 11px; }
table#header button			{ width: 100%; }

/* fixedboard */
*.cs__fixedboard_container		{ padding: 0px; position: relative; width: 297px; }
*.cs__fixedboard_container form		{ display: inline-block; padding: 0px; margin: 0px; }
div.cs__fixedboard_title		{ font-family: serif; font-size: 16px; color: black; text-align: center; font-weight: bold; }
div.cs__fixedboard_title a		{ color: #444; text-decoration: none; }
div.cs__fixedboard_title a:hover	{ text-shadow: 2px 1px 2px blue; text-decoration: none; }
form.cs__fixedboard_info		{ font-family: sans-serif; font-size: 11px; text-align: left; font-weight: normal;
					  border: 1px darkblue solid; background-color: white; padding: 0px; }
form.cs__fixedboard_info div		{ margin: 0px; padding: 0px 3px; }
form.cs__fixedboard_info div:hover	{ background-color: lavender; border: solid 1px gray; }
form.cs__fixedboard_info div input	{ width: 100%; }
form.cs__fixedboard_info div button	{ width: 48%; margin: 0% 1% 2% 1%; font-size: 80%; }

div.cs__fixedboard_panel		{ border: 2px solid black; border-radius: 10px; margin: 0px 3px; background-color: white;
					  font-size: 12px; font-family: sans-serif; }
div.cs__fixedboard_panel a		{ color: #444; text-decoration: none; }
div.cs__fixedboard_panel a:hover	{ color: #111; text-decoration: none; text-shadow: 2px 2px 2px blue; }
div.cs__fixedboard_menu			{ text-align: center; }
div.cs__fixedboard_options		{ text-align: left; border-top: 1px dashed black; padding: 3px; font-size: 11px; }
div.cs__fixedboard_options table	{ width: 100%; border-collapse: collapse; font-size: 10px; background-color: inherit; }
div.cs__fixedboard_options span		{ position: relative; top: -4px; padding-left: 2px; }
div.cs__fixedboard_options input	{ width: 100%; font-family: sans-serif; font-size: 11px; }
div.cs__fixedboard_options textarea	{ width: 100%; font-family: sans-serif; font-size: 11px; }
div.cs__fixedboard_options input.cs__radio	{ width: 11px; }
div.cs__fixedboard_options button	{ width: 100%; margin: 4px 0px; font-size: 11px;
			  		  background: -webkit-gradient( linear, 0% 100%, 0% 0%, from(#aaa), to(#aaa), color-stop(.3,#fff)); }
div.cs__fixedboard_options button:hover	{ text-shadow: 2px 1px 2px blue; text-decoration: none; }
div.cs__fixedboard_options th		{ font-weight: normal; text-align: right; font-style: italic; }
div.cs__fixedboard_gamelist		{ text-align: center; font-family: serif; padding: 6px; font-size: 10px; display: none; }


/* board */
div.cs__board_container			{ border: 0px solid gray; padding: 0px; width: 297px; margin: 4px auto; background-color: inherit; }
table.cs__board				{ border: 2px solid black; border-collapse: collapse; border-spacing: 0; empty-cells: show;
					  margin: 5px auto; table-layout: fixed; }
table.cs__board td			{ border: 1px solid #666; width: 35px; height: 35px; padding: 0px; background-color: #7384b5; 
					  text-align: center; vertical-align: middle; font-size: 28px; padding: 0px; }
table.cs__board td div			{ padding: 0px; background-color: transparent; position: relative; top: 3px; font-family: serif; }
table.cs__board td.cs__w		{ background-color: #efefef; }
table.cs__board td.cs__b		{ background-color: #7384b5; }
table.cs__board td.cs__move		{ border: 1px solid red }
table.cs__board td.cs__wSet		{ background-color: #efefef; border-top: 4px solid black;  }
table.cs__board td.cs__bSet		{ background-color: #efefef; border-bottom: 4px solid black; }
div.cs__promotion_notify		{ font-size: 8px; display: none; border: 1px solid gray; color: darkred; font-size: 10px; text-align: center; }

div.cs__panel				{ border: 2px solid black; margin: 0px 3px; background-color: lavender; border-radius: 12px; white-space: nowrap; }
div.cs__panel_move			{ margin: 0px 3px; padding: 0px; text-align: center; }
div.cs__panel_move a			{ display: inline-block; padding: 0px; margin: 0px; vertical-align: middle; text-decoration: none; }
div.cs__panel_move button		{ width: 22px; display: inline-block; padding: 0px; font-size: 11px; font-weight: bold;  
			  		  background: -webkit-gradient( linear, 0% 100%, 0% 0%, from(#aaa), to(#aaa), color-stop(.3,#fff)); }
div.cs__panel_move button:disabled	{ color: #eee; }
div.cs__panel_move button:hover,
div.cs__panel_move a:hover		{ text-shadow: 2px 1px 2px blue; text-decoration: none; }
div.cs__panel_move span.cs__last_move	{ font-size: 14px; display: inline-block; padding: 0px; font-size: 11px; font-weight: bold; 
					  font-weight: bold; font-family: serif; text-align: center; width: 96px; white-space: nowrap; }
form.cs__panel_options			{ margin: 0px 3px; text-align: left; }
form.cs__panel_options div		{ margin: 0px 0px 2px; text-align: center; }
form.cs__panel_options div[mode='user']	{ display: none; }
div.cs__panel_save button		{ width: 48%; display: inline-block; padding: 0px; font-size: 11px; font-weight: bold; margin: 0px 2px;  }
div.cs__panel_save button:hover		{ text-shadow: 2px 1px 2px blue; text-decoration: none; }
div.cs__panel_header			{ text-align: left; font-family: sans-serif; font-size: 12px; font-weight:bold; border-top: 1px solid gray; padding-top:3px;
					  color: #306; }
div.cs__panel_precomment input		{ width: 100%; font-size: 11px; border: 1px black solid; border-radius: 4px;}
div.cs__panel_precomment input:focus	{ box-shadow: 1px 1px 1px black; }
div.cs__panel_nar			{ position: relative; top: -0px; font-size: 12px; font-family: sans-serif; font-weight: normal; vertical-align: middle; 
					  border-top: 1px gray dashed; }
div.cs__panel_finish			{ position: relative; top: -0px; font-size: 11px; font-family: sans-serif; font-weight: normal; vertical-align: middle;
					  border-top: 1px gray dashed; border-bottom: 1px gray dashed; }
div.cs__panel_finish input		{ width: 8px; }
div.cs__panel_comment			{ position: relative: top: -0px; } /* why doesn't this work? */
div.cs__panel_comment textarea		{ width: 100%; font-size: 11px; height: 44px; border: 1px black solid; margin-bottom: 4px; border-radius: 4px; }
div.cs__panel_comment textarea:focus	{ box-shadow: 1px 1px 1px black; }

/* movelist */
div.cs__movelist_container		{ background-color: white; font-family: serif; margin: 0px; overflow: auto; height: auto;
					  border: 2px solid darkblue; border-radius: 8px 2px 2px 8px; }
div.cs__movelist_gamecontainer		{ margin: 0px; padding: 0px; }
div.cs__movelist_head			{ text-align: center; margin: 0px 0px 3px 0px; padding: 3px 0px; font-family: serif; border-bottom: 1px gray solid; }
div.cs__l0				{ color: green; display: none; }
div.cs__l1				{ font-weight: bold;   padding: 0px 0px 0px 00px; margin: 3px; }
div.cs__l2				{ font-weight: normal; padding: 0px 0px 0px 15px; margin: 0px; }
div.cs__l3				{ font-style: italic;  padding: 0px 0px 0px 30px; margin: 0px;}
div.cs__l4				{ font-style: italic;  padding: 0px 0px 0px 45px; margin: 0px;}
span.cs__move				{ display: inline-block; white-space: nowrap; }
span.cs__move_no			{ color: #aaa; font-size: 14px; font-weight: none; padding: 0px 3px; }
span.cs__move a				{ color: #444; text-decoration: none; white-space: nowrap; padding: 0px 3px; }
span.cs__move a:hover			{ color: #444; text-decoration: underline; }
span.cs__move a:visited			{ color: #000; text-decoration: none; }
span.cs__move a.cs__hilit		{ border: 1px dotted darkred; padding: 0px 3px; }
span.cs__pre_comment,
span.cs__comment			{ color: darkblue; font-family: sans-serif; font-weight: normal; font-size: 90%; font-family: sans-serif; padding: 0px 8px; }
span.cs__ucomment			{ background-color: lightgray; color: darkblue; padding: 0px 8px; }

/* chess-spider */
div.cs__dialogue			{ position: absolute; margin: 15% auto; z-index: 999; background-color: lavender; padding: 3px 8px; 
					  font-size: 12px; font-family: sans-serif; text-align: left; border: 2px solid red;
					  border-radius: 9px / 20px; }
div.cs__dialogue button			{ width: 48%; margin: 5px 0px 2px 0px; padding: 0px; font-size: 90%; }
div.cs__dialogue form			{ margin: 0px; padding: 0px; }
div.cs__dialogue table			{ font-size: 12px; font-family: sans-serif; border-collapse: collapse; }
div.cs__dialogue table th		{ text-align: right; font-weight: normal; font-style: italic; padding: 0px; padding-right: 3px; }
div.cs__dialogue table td		{ text-align: left; padding: 0px; }
div.cs__dialogue table.cs__list		{ }
div.cs__dialogue table.cs__list tr:first-child		{ border-bottom: 1px solid gray; }
div.cs__dialogue table.cs__list tr:nth-child(even)	{ background-color: white; }
div.cs__dialogue table.cs__list tr:last-child		{ background-color: inherit; border-top: 1px solid gray; }
div.cs__dialogue table.cs__list tr:last-child td	{ padding-top: 5px; }
div.cs__dialogue table.cs__list th	{ text-align: center; padding: 0px 0px; }
div.cs__dialogue table.cs__list td	{ text-align: center; padding: 0px 2px; }
div.cs__dialogue table.cs__list td.r	{ text-align: right; padding-right: 1ex; }

div#cs__save				{ position: absolute; margin: 15% auto; z-index: 999; background-color: lavender; padding: 3px 8px;
					  font-size: 12px; font-family: sans-serif; text-align: left; border: 2px solid red; }
div#cs__save button			{ width: 48%; margin: 0%; padding: 0px; }
div#cs__save form			{ margin: 0px; padding: 0px; }
div#cs__save table			{ font-size: 12px; font-family: sans-serif; }
div#cs__save table th			{ text-align: right; font-weight: normal; font-style: italic; padding: 0px; padding-right: 3px; }
div#cs__save table td			{ text-align: left; padding: 0px; }

div#cs__pull				{ position: absolute; right: 5%; top: 5%; z-index: 999; background-color: lavender; padding: 3px 8px;
					  font-size: 10px; font-family: sans-serif; text-align: left; border: 2px solid red; }
div#cs__pull form			{ margin: 0px; padding: 0px; }
div#cs__pull table			{ margin: 0px; border-collapse: collapse; }
div#cs__pull table th			{ font-weight: bold; text-align: center; font-size: 10px; }
div#cs__pull table td			{ text-align: center; vertical-align: center; border-top: 1px gray solid; font-size: 10px; }
div#cs__pull table td.l			{ text-align: left; }
div#cs__pull button			{ width: 49%; margin: 0%; padding: 0px; font-size: 10px; }

